<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.header{
				background-color: #cc0000;height: 50px;
				display: flex;
				justify-content: space-around;
				align-items: center;
			}
			.headLine{
				display: flex;justify-content: space-around;
				background-color: #f1f3f1;
				padding: 10px;
				color:#151514;
			}
			.content1{
				display: flex;flex-direction: column;
				border-bottom: solid 1px #333;
			}
		</style>
	</head>
	<body>
		<!--header-->
		<div class="header" >
			<div  style="font-size: 18px;color: white;"> 学习强国 </div>
			<div style="display: flex;color: white;">
				<div style="border-radius: 154px;background-color: white;color: gray;width: 135px;padding-left: 20px;">开学第一课</div>
				<div style="padding-left: 10px;padding-right: 10px;">|</div>
				<div>我的</div>
			</div>
		</div>
		<!--header-end->
		
		<!--head-line-->
		<div class="headLine">
			<div>推荐</div>
			<div>要闻</div>
			<div>推荐</div>
			<div>要闻</div>
			<div>推荐</div>
			<div>要闻</div>
			<div>推荐</div>
			<div>要闻</div>
			<div>推荐</div>
			<div>要闻</div>
			<div>推荐</div>
			<div>要闻</div>
			<div>推荐</div>
		</div>
	   <!--head-line-end-->
	   
	   <!--content1-->
	   <div class="content1" >
	   	<h1>大学生为什么要学习党章」“党章是党的章程，它是一个政党为实现党的纲领、开展正规活动、规定党内事
务所规定的根本法规，是党赖以建立和活动的法规体系的基础，是党的各级组织和全体党员必须遵守的基本.</h1>
		<div style="color: gray;padding-left: 10px;padding-bottom: 10px;display: flex;">
			<div style="border:#bc3c60 solid 1px;color: #bc3c60;padding: 2px;">置顶</div>
			<div style="margin-left: 10px;">新华社 &nbsp 评论23734545 &nbsp 13分钟前 </div>
		</div>
				<!--<div style="color: gray;padding-left: 10px;padding-top: 5px;padding-bottom: 10px;">评论2373 &nbsp 2分钟前</div>-->
	   </div>
	   <!--content1-end->
	
		   <!--content2-->
	   <div class="content1">
	   	<h1>上游疫情严重？每个人都是自己健康的第一责任人。众志成城。科学应对群防群控，战胜疫情，配合疫
防控工作是每个居民义不容辞的责任，全县人民拧成一股绳，同心抗疫。</h1>
		<div style="color: gray;padding-left: 10px;padding-bottom: 10px;display: flex;">
			<div style="border:#bc3c60 solid 1px;color: #bc3c60;padding: 2px;">热</div>
			<div style="margin-left: 10px;">央视网 &nbsp 评论23734545 &nbsp 13分钟前 </div>
		</div>
	   </div>
	   <!--content2-end->

		   <!--content3-->
	   <div class="content1" >
	   	<h1>疫情下高考学子砥砺前行？考试难度上升？</h1>
	   	<div style="display: flex;justify-content: space-around;">
	   		<div><img src="img/cn3.png"/></div>
	   		<div><img src="img/cn3.png"/></div>
	   		<div><img src="img/cn3.png"/></div>
	   		<div><img src="img/cn3.png"/></div>
	   		<div><img src="img/cn3.png"/></div>
	   		<div><img src="img/cn3.png"/></div>
	   		<div><img src="img/cn3.png"/></div>
	   		<div><img src="img/cn3.png"/></div>
	   	</div>
		<div  style="color: gray;padding-left: 10px;padding-bottom: 10px;display: flex;">
			<div style="border:#bc3c60 solid 1px;color: #bc3c60;padding: 2px;">热</div>
			<div style="margin-left: 10px;">金华新闻  &nbsp 评论23734545 &nbsp 13分钟前 </div>
		</div>
	   </div>
	   <!--content3end-->
	   
	   
		   <!--content3-->
	   <div style="display: flex;flex-direction: column;border-bottom: solid 1px #333;">
	   	<h1>疫情疫苗</h1>
	   	<div style="display: flex;justify-content: space-around;">
			<img src="img/cn4.2.png" style="width: 100%;height: 300px;" />
	   	</div>
		<div style="color: gray;padding-left: 10px;padding-bottom: 10px;display: flex;margin-top: 10px;">
			<div style="border:#5e96b4 solid 1px;color: #5e96b4;padding: 2px;">广告</div>
			<div style="margin-left: 10px;">人民日报  &nbsp 评论23734545 &nbsp 13分钟前 </div>
		</div>
	   </div>
	   <!--content3-end->



	</body>
</html>
